<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>名人名言</title>
	</head>
	<style>
	*{
		margin: 0;
		padding: 0;
	}
		.main{
			margin: 10px 50px 10px 50px;
			/*border: 1px solid red;*/
		}
		.p1{
			font-style: oblique;
		}
		.text{
			
			border: 1px solid gray;
			display: inline;
		}
		.nav{
			margin-top: 50px;
		}
		a{
			text-decoration: none;
			color:black ;
		}
		a:hover{
			text-decoration: underline;
		}
		.body{
			margin-top: 30px;
			
		}
		.one{
			border: 1px solid gray;
		}
		.two{
			margin-top: 20px;
		}
		.three{
			border: 1px solid gray;
		}
		.p{
			font-weight: bold;
		}
		.four{
			margin-top: 10px;
		}
		.five{
			margin-top: 5px;
		}
		.six{
			border: 1px solid gray;
			padding: 10px;
		}
		#two{
			border: 1px solid gray;
			width: 100px;
		}
		.ob{
			font-style: oblique;
		}
		.left,.right{
			width: 600px;
			float: left;
		}
		.right{
			
			margin-left: 20px;
			padding-left: 20px;
			border: 1px solid gray;
		}
		.left{
			margin-bottom: 50px;
		}
		.foot{
			clear: both;
			
			
			
		}
	</style>
	<body>
		<div class="main">
		<header>
			<!--主标题-->
			<div>
				<h1>名人名言</h1>
			</div>
			<!--副标题-->
			<div>
				<p class="p1">分享名人名言，开始一段触动心灵的智慧之旅跳到内容 </p>
			</div>
			<!--导航栏-->
			<div class="nav">
				<nav>
				<div class="text"><a href="#">登录 </a></div>
				<div class="text"><a href="#">关于</a></div>
				<div class="text"><a href="#">名人名言</a></div>
				<div class="text"><a href="#">英文名言(English)</a></div>
				<div class="text"><a href="#">心理杂志</a></div>
				<div class="text"><a href="#">心理书籍</a></div>
				<div class="text"><a href="#">专题活动</a></div>
				<div class="text"><a href="#">发表</a></div>
				</nav>
				<hr />
			</div>
		</header>
		<article>
			<div class="body">
				<!--左半部分-->
			<div class="left">
				<!--第一个-->
			<div class="one">
				<p style="font-weight: 900;">心理学经典名言的智慧</p>
                <p>洞察人性的美与丑，认识自我的强与弱。一句好的格言能够穿越时间，永不失色、历久弥香，它总是能给人们带来心灵的滋养。</p>				
			</div>
			<!--第二个-->
			<div class="two">
				<p style="font-weight: bold;">创造力（creativity）有两个词根：Crera拉丁语的意思是“去创造”。Krainir希腊语的意思是“去实现”。所以，创造力不仅仅是一种想象力、一种天赋，创造力更是一种将自己的想法付诸实现的能力。 </p>
				<p>创造力（creativity）有两个词根：Crera拉丁语的意思是“去创造”。Krainir希腊语的意思是“去实现”。所以，创造力不仅仅是一种想象力、一种天赋，创造力更是一种将自己的想法付诸实现的能力。</p>
				<p>发表在 未分类 | 标签： 《换个脑袋去思考》, 创造力 | 留下评论</p>
			</div>
			<!--第三个-->
			<div class="three">
				<p class="p">作者简介</p>
			</div>
			<!--第四个-->
			<div class="four">
				<p class="p">如果你还没有注意到你有能力让对方作出你所希望得到的反应，那么你就还没有很好地掌握人生的真谛。这其实简单到不可思议。如果你希望他人对你感兴趣，那么你就要先对他人产生兴趣；如果你想让他人紧张，那么你自己首先要紧张起来。就是这么简单。人们会按照你对待他们的方式对待你。这其中没有什么秘诀。看看周围的人，你可以在与下一个人交流时证实这一点。 </p>
			</div>
			<!--第五个-->
			<div class="five">
				<p>如果你还没有注意到你有能力让对方作出你所希望得到的反应，那么你就还没有很好地掌握人生的真谛。这其实简单到不可思议。如果你希望他人对你感兴趣，那么你就要先对他人产生兴趣；如果你想让他人紧张，那么你自己首先要紧张起来。就是这么简单。人们会按照你对待他们的方式对待你。这其中没有什么秘诀。看看周围的人，你可以在与下一个人交流时证实这一点。</p>
				<p>发表在 未分类 | 标签： 《怎样出售设计创意》, 温斯顿·丘吉尔 | 留下评论</p>
				
				
			</div>
			<!--第六个图片-->
			<div class="six">
			<p class="ob">赞助广告</p><br />
			<p><img src="../img/ad_2.jpg"/></p>	
		
			</div>
			
			</div>
			<hr />
			<!--右边-->
			<div class="right">
				<!--第一个-->
				<div id="one">
				<p class="ob">赞助广告</p><br />									
					<img src="../img/ad.jpg" /><br />
					<p class="ob">搜索</p><br />
				</div>
				<!--点击搜索-->
				<div id="two">
					<p>点击搜索</p>			
				</div><br />
				<!--第三个-->
				<div>
					<p class="ob">标签</p><br />
					<p class="ob">60年语录 《犯罪心理》 世间百态 二十四史传统名人 体育人物 卡斯特罗 卡斯特罗名言 卡斯特罗语录 历史 友谊爱情 古代格言 名人名言 名人随语 教子立人 新闻事件 李白 爱情语录 韩寒语录 </p>
				</div>
			</div>
	
			</div>
		</article>
		            
		<footer>			
			<div class="foot">
			<hr />	
			<p style="text-align: center;">&copy; All Rights Reserve By Psytopic 来自Psytopic.com的礼物</p>
			</div>
		</footer>
		
		
		
		
		
		</div>
	</body>
</html>
